<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>徐安为的简历</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="css/index.css" />
	<script type="text/javascript" src="../网页简历/js/jquery-1.11.0.js" ></script>
	<style media="screen">
           body {
                
                margin: 0;
                padding: 0;
            }

           
        </style>
        <script src="js/rainyday.min.js"></script>
        <script>
            function run() {
                var image = document.getElementById('background');
                image.onload = function() {
                    var engine = new RainyDay({
                        image: this
                    });
                    engine.rain([ [1, 2, 8000] ]);
                    engine.rain([ [3, 3, 0.88], [5, 5, 0.9], [6, 2, 1] ], 100);
                };
//            image.crossOrigin = 'anonymous';
                image.src = 'css/1.jpg';
                window.onresize=function(){
					var imgH = document.body.scrollHeight;
               		var imgW =document.body.clientWidth; 
               	 	image.height = imgH;
                	image.width = imgW;
				}
                var imgH = document.body.scrollHeight;
                var imgW =document.body.clientWidth; 
                image.height = imgH;
                image.width = imgW;
                console.log(imgH)
            }
        </script>
	
</head>
<body >
	<img id="background" alt="background" src="" />
	<div class="content">
		<div class="opening">
			<h2 id="a">不重要的开场</h2>
			
			<p>本人于2017年七月十九毕业于英国赫特福德大学工程学院,长相英俊，身高挺拔，气质文艺，性格闷骚。</p>
		</div>
		
		
		
		<div class="skill">
			<h2 id="b">无所谓的技能</h2>
			<div class="row">
				<div class="col-4">
					<h3>WEB开发</h3>
					<p>HTML5</p>
					<p>CSS3</p>
					<p>Javascript</p>
				</div>
				<div class="col-4">
					<h3>响应式开发</h3>
					<p>Less样式预处理</p>
					<p>Bootstrap</p>
					<p>Jquery</p>
				</div>
				<div class="col-4">
					<h3>移动端开发</h3>
					<p>ES6</p>
					<p>Vue框架</p>					
				</div>
			</div>
			<div class="more">更多</div>
			<div style="display: none;" class="detail">
				<p>能够熟练使用 Html、JavaScript、CSS 等前端开发基本技术，熟练使用 Ajax 和后台开发人员进行数据交互</p>
				<p>能够熟练使用 jQuery、Bootstrap 框架等框架和工具进行 web 开发</p>
				<p>熟悉移动端布局技术，能够将设计稿快速构建为移动端页面</p>
				<p>熟悉 Node.js 基本用法和部分 API，能够使用基本的 npm 命令进行 Node 包管理；</p>
				<p>能够熟练使用 Chrome 控制台开发工具对前端工程进行开发调试；</p>
				<p>能够熟练使用 webpack 对项目代码和资源进行模块化管理和打包...</p>
				<p>4秒关闭</p>
			</div>
		</div>
		<div class="information">
			<h2 id="c">没卵用的信息</h2>
			
			<p>本人于2017年七月十九毕业于英国赫特福德大学工程学院,长相英俊，身高挺拔，气质文艺，性格闷骚。</p>
		</div>
		<div class="self">
			<h2 id="d">毫无自我的评价</h2>
			
			<p>我对前端开发有极大的热情，对近几年欣欣向荣的前端技术栈发展深感
鼓舞，个人认为前端基础知识比较扎实，平常喜欢关注一些前端新技术，
关注了一些前端大牛的微博和博客，通过关注他们的分享去了解前端开
发技术的发展变化趋势。
如果公司能够给我机会的话，我会倍加珍惜，我相信自己能够迅速融入
公司开发团队，很快为公司贡献自己的力量。</p>
		</div>
	</div>
		
	<div class="fix_nav">
		<ul>
			<li><a href="#a">不太重要的开场</a></li>
			<li><a href="#b">全无所谓的技能</a></li>
			<li><a href="#c">没点卵用的信息</a></li>
			<li><a href="#d">毫无自我的评价</a></li>
		</ul>
	</div>
	
</body>
<script>
	$(function(){
		run();
		var i=0
	 
		function time(){  	
			i++;
			$(".fix_nav li a").css("color","hsl("+i+",70%,80%)")
			setTimeout(time,17); 
		}
		time();
	$(".more").click(function(){		
		$(".detail").slideToggle();
		setTimeout(function(){
			$(".detail").slideToggle();
		},4000)
	})
	})
</script>
	
</html>